<ion-header  class="nav-header">
  <ion-toolbar>
    <ion-buttons slot="start">
      <ion-button (click)="backClick()">
        <ion-icon class="md-arrow-back"  ios="md-arrow-back"></ion-icon>
      </ion-button>
    </ion-buttons>
    <ion-title>个人中心</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content class="personalcenter-page">
  <div class="f-msg">个人资料</div>
  <ion-list>
    <ion-item  lines="full">
      <label slot="start">头像</label>
      <ion-avatar slot="end">
        <img  [src]="(uinfoData.images | empty )? 'assets/icon/avatar.png' :uinfoData.images">  
      </ion-avatar>
      <input type="file" id="selectImgInput" style="width: 40px; position: absolute; right: 10px; opacity: 0;" />
    </ion-item>

    <ion-item detail="true" lines="full" (click)="baseAlert('修改昵称',uinfoData.showname,'showname')">
      <label slot="start">昵称</label>
      <ion-note slot="end">{{uinfoData.showname}}</ion-note>
    </ion-item>
    <ion-item detail="true" lines="full" (click)="baseAlert('QQ号',uinfoData.qq,'qq')">
        <label slot="start">QQ</label>
        <ion-note slot="end">{{uinfoData.qq}}</ion-note>
      </ion-item>
      <ion-item detail="true" lines="full" (click)="baseAlert('微信号',uinfoData.wechatid,'wechatid')">
          <label slot="start">微信</label>
          <ion-note slot="end">{{uinfoData.wechatid}}</ion-note>
        </ion-item>
    <!-- <ion-item detail="true" lines="full" (click)="sexAlertRadio(uinfoData.sex)">
      <label slot="start">性别</label>
      <ion-note slot="end" *ngIf="uinfoData.sex=='1'">女</ion-note>
      <ion-note slot="end" *ngIf="uinfoData.sex!='1'">男</ion-note>
    </ion-item>
    <ion-item detail="true" lines="full">
      <label slot="start">生日</label>
      <ion-note slot="end">
        <ion-datetime (ionChange)="rechangeInfo('birthday','')" cancelText="取消" doneText="确认" [(ngModel)]="selectData"
          displayFormat="YYYY-MM-DD" value="{{uinfoData.birthday2 |datestr}}"></ion-datetime>
      </ion-note>
    </ion-item> -->
  </ion-list>
  <div class="f-msg">账户安全</div>
  <ion-list>
    <ion-item detail="true" lines="full" *ngIf="(uinfoData.phone | empty)" (click)="baseAlert('添加手机号','','phone')">
      <label slot="start">手机号</label>
      <ion-note slot="end">暂无</ion-note>
    </ion-item>
    <ion-item lines="full" *ngIf="!(uinfoData.phone | empty)">
      <label slot="start">手机号</label>
      <ion-note slot="end">{{uinfoData.phone}}</ion-note>
    </ion-item>
    <ion-item detail="true" lines="full" *ngIf="(uinfoData.realname | empty)"
      (click)="baseAlert('添加真实姓名','','realname')">
      <label slot="start">实名认证</label>
      <ion-note slot="end">暂无</ion-note>
    </ion-item>
    <ion-item lines="full" *ngIf="!(uinfoData.realname | empty)">
      <label slot="start">实名认证</label>
      <ion-note slot="end">{{uinfoData.realname}}</ion-note>
    </ion-item>
    <ion-item detail="true" lines="full" (click)="baseTwoAlert('修改登录密码','登录','tpassword')">
      <label slot="start">修改登录密码</label>
    </ion-item>
    <ion-item *ngIf="!(uinfoData.password2 | empty)" (click)="baseTwoAlert('修改支付密码','支付','tpassword2')" detail="true" lines="full">
        <label slot="start">修改支付密码</label>
      </ion-item>
      <ion-item *ngIf="(uinfoData.password2 | empty)"  (click)="baseAlert('添加支付密码','','password2','password')" detail="true" lines="full">
          <label slot="start">添加支付密码</label>
      </ion-item>
    <ion-item (click)="showBankList()" detail="true" lines="full">
      <label slot="start">银行卡绑定</label>
    </ion-item>
    <ion-item detail="true" (click)="baseAlert('添加邮箱','','email')" lines="full" *ngIf="(uinfoData.email | empty)">
      <label slot="start">邮箱</label>
      <ion-note slot="end">暂无</ion-note>
    </ion-item>
    <ion-item lines="full" *ngIf="!(uinfoData.email | empty)">
      <label slot="start">邮箱</label>
      <ion-note slot="end">{{uinfoData.email}}</ion-note>
    </ion-item>
  </ion-list>
</ion-content>
<app-tab-self></app-tab-self>
